<template>
  <div>
    <tinymce v-model="content" :height="300" />
    <el-button @click="handTap">获取</el-button>
  </div>
</template>

<script>
import Tinymce from '@/components/Tinymce';
export default {
  components: {
    Tinymce
  },
  data: () => ({
    content: `<h1 style="text-align: center;">Welcome to the TinyMCE demo!</h1><p style="text-align: center; font-size: 15px;"><img title="TinyMCE Logo" src="//www.tinymce.com/images/glyph-tinymce@2x.png" alt="TinyMCE Logo" width="110" height="97" /><ul>
        <li>Our <a href="//www.tinymce.com/docs/">documentation</a> is a great resource for learning how to configure TinyMCE.</li><li>Have a specific question? Visit the <a href="https://community.tinymce.com/forum/">Community Forum</a>.</li><li>We also offer enterprise grade support as part of <a href="https://tinymce.com/pricing">TinyMCE premium subscriptions</a>.</li>
      </ul>`,
  }),
  methods: {
    handTap() {
      console.log(this.content);
    }
  }
};
</script>

<style></style>
